<template>
  <Modal :footer-hide="true" :width="700" title="联系人详情" v-model="isShowDetailModal">
    <Form :label-width="80">
      <Row :gutter="16">
        <Col span="8">
          <FormItem label="姓名:">{{detail.name}}</FormItem>
        </Col>
        <Col span="8">
          <FormItem label="性别:">{{detail.sex == 1 ? '男':'女'}}</FormItem>
        </Col>
        <Col span="8">
          <FormItem label="助记码:">{{detail.mnemonicCode}}</FormItem>
        </Col>
      </Row>
      <Row :gutter="16">
        <Col span="8">
          <FormItem label="邮箱:">{{detail.email}}</FormItem>
        </Col>
        <Col span="8">
          <FormItem label="手机号:">{{detail.mobilePhone}}</FormItem>
        </Col>
        <Col span="8">
          <FormItem label="传真号:">{{detail.faxNumber}}</FormItem>
        </Col>
      </Row>
      <Row :gutter="16">
        <Col span="8">
          <FormItem label="电话座机:">{{detail.telephone}}</FormItem>
        </Col>
        <Col span="8">
          <FormItem label="QQ:">{{detail.qqNumber}}</FormItem>
        </Col>
        <Col span="8">
          <FormItem label="微信:">{{detail.wechat}}</FormItem>
        </Col>
        <Col span="8">
          <FormItem label="备注:">{{detail.remark}}</FormItem>
        </Col>
      </Row>
    </Form>
  </Modal>
</template>
<script>
export default {
  name: 'ContactTableDetail',
  components: {},
  props: {},
  data() {
    return {
      isShowDetailModal: false,
      detail: {}
    };
  },
  computed: {},
  watch: {},
  filters: {},
  created() {},
  mounted() {},
  beforeCreate() {},
  beforeMount() {},
  beforeUpdate() {},
  updated() {},
  beforeDestroy() {},
  destroyed() {},
  activated() {},
  methods: {
    showModal(detail) {
      this.isShowDetailModal = true;
      this.detail = detail;
    }
  }
};
</script>
<style lang="less" scoped>
</style>
